<script setup lang="ts">
  import { QuestionCircleOutlined } from '@vicons/antd';
  interface Props {
    tooltip: string | undefined;
    tooltipStyle?: any;
  }
  defineProps<Props>();
</script>

<template>
  <n-tooltip trigger="hover" :style="tooltipStyle">
    <template #trigger>
      <n-icon size="18" class="cursor-pointer text-gray-400">
        <QuestionCircleOutlined />
      </n-icon>
    </template>
    {{ tooltip }}
  </n-tooltip>
</template>

<style scoped lang="less"></style>
